<template>
  <div class="dashboard-editor-container">
    <el-row style="background:#fff;margin-bottom:32px;">
      <el-col :xs="24" :sm="24" :lg="12">
        <el-tag>故障维修数量趋势</el-tag>
        <line-chart></line-chart>
      </el-col>
      <el-col :xs="24" :sm="24" :lg="12">
        <el-tag>故障维修率</el-tag>
        <raddar-chart></raddar-chart>
      </el-col>
    </el-row>
    <el-row style="background:#fff;margin-bottom:32px;">
      <el-col :xs="24" :sm="24" :lg="12">
        <el-tag>故障类型TOP</el-tag>
        <pie-chart></pie-chart>
      </el-col>
      <el-col :xs="24" :sm="24" :lg="12">
        <el-tag>设备故障次数TOP</el-tag>
        <bar-chart></bar-chart>
      </el-col>
    </el-row>


  </div>
</template>
<script>
  import BarChart from './statisticsChild/BarChart';
  import LineChart from './statisticsChild/LineChart';
  import PieChart from './statisticsChild/PieChart';
  import RaddarChart from './statisticsChild/RaddarChart';

  import $ from 'jquery'

  export default {
    components: {
      LineChart,
      BarChart,
      PieChart,
      RaddarChart,
    },
    data() {
      return {
        tableData: {},
        editData: [],
        pageNum: 1,
        pageSize: 10,
        tableLoad: false,
        dialogParkVisible: false,
        dialogRoadVisible: false,
        addBerthVisible: false,
        editBerthVisible: false,
        parkLoading: false,
        roadLoading: false,
        ranNum: 0,
        parkType: 0,
        roadType: 0,
        parkName: '',
        parkName2: '',
        parkName3: '',
        roadName: '',
        roadName2: '',
        roadName3: ''
      }
    },
    methods: {}
  }
</script>
<style scoped>
  .container {
    padding-top: 16px;
    margin-left: 42px;
    margin-right: 42px;
  }
</style>
